<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 图片 src属性链接到图片的地址  alt图片加载失败文字说明
     width和height也是图片的特有属性 只需要设置其中一个，另一个会进行自适应 -->
     <img src="../音视频/6.jpg" alt="图片加载失败文字说明">
     <!-- <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2024%2F0726%2Fb32890f2j00sh7o5e002ed200u000hig00it00ay.jpg&thumbnail=660x2147483647&quality=80&type=jpg" alt="图片加载失败"> -->

     <!-- 视频标签
      controls控制条
      width宽度 ，height高度
      autoplay自动播放
      loop循环播放
      muted静音播放
      poster设置封面
       -->
      <video width="500px" poster="../音视频/6.jpg"  muted loop src="../音视频/1.mp4" controls></video>

      <!-- 音频标签audio
       controls控制条
       autoplay自动播放
       muted静音播放
       loop循环播放
       width ，height，poster属性不可用
       -->
       <audio controls autoplay loop src="../音视频/1.mp3"></audio>
</body>
</html>